@import "../../app.less";

.addNewinvoice {
  padding-bottom: 200rpx;

  .addNewinvoice_top {
    background-color: @color-primary;
    height: 190rpx;
    padding-left: 32rpx;
    font-weight: 600;

    .top_number {
      padding-top: 42rpx;
      font-size: 36rpx;
      color: @color-white;
      line-height: 36rpx;
      margin-bottom: 16rpx;
    }

    .top_department {
      font-size: 30rpx;
      color: @color-white;
      margin-top: 16rpx;
    }
  }



  .essinfor {
    margin-top: 24rpx;
    background-color: @color-white;
  }

  .border {
    border-bottom: @color-border-light 1px solid;
    padding: 32rpx 0;
  }

  .field {

    // .van-cell{
    //     opacity: .6;
    //     color: @color-text-primary;
    // }
    .van-cell__label {
      opacity: .6;
      color: @color-text-primary;
      line-height: 72rpx;
      font-size: 30rpx;
    }

    .cpjf {
      .van-field__label {
        width: 140px;
        line-height: 1.5;
      }
    }

    .van-field__control {
      text-align: right;
      z-index: 0;
      height: 72rpx;
      color: #011445;
      font-family: Helvetica;
    }

    .van-cell {
      line-height: 72rpx;
      font-size: 30rpx;
      // opacity: .6;
      // color: @color-text-primary;

      .van-field__label {
        opacity: .6;
        color: @color-text-primary;

      }

      .van-field__label--disabled {
        color: @color-text-primary;
        opacity: .6;
      }

      .van-cell__value {
        min-width: 72%;
      }

      // .van-cell__title {
      //     color: #011445;
      //     opacity: .6;
      // }
      .van-cell__right-icon-wrap {
        height: 72rpx;
        color: @color-text-primary;
      }

      .van-cell__right-icon {
        line-height: 72rpx;

      }

      .van-icon-location-o {
        color: @color-text-primary;
      }
    }
  }

  .essinfor_name {
    font-size: 34rpx;
    color: @color-text-primary;
    padding-left: 32rpx;
    padding-right: 32rpx;
    padding-bottom: 32rpx;
  }

  .diver {
    height: 16rpx;
    background-color: @color-background-primary;
  }

  .van-field__control--custom {
    justify-content: flex-end;
  }

  .radio {
    // padding-left: 266rpx;

    .van-radio__icon--checked {
      background-color: @color-primary;
      border-color: @color-primary;
    }
  }

  .allocation_task {

    color: @color-text-primary;
    font-size: 34rpx;
    font-family: PingFang SC;

    .task_title {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-color: @color-border-light;
      background: @color-white;
      padding: 32rpx;
      font-weight: 600;
      padding: 32rpx;
      border-bottom: @color-border-light 1px solid;

    }

    .title {
      font-weight: 600;
      padding: 32rpx;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid @color-border-light ;

      .total {
        color: @color-text-primary;
        font-size: 22rpx;
        font-family: PingFang SC;
        display: block;
      }

      .add {
        padding: 13rpx 12rpx;
        border-radius: 5px;
        background: rgba(0, 65, 196, .2);
        font-size: 0;

        image {
          width: 20rpx;
          height: 20rpx;
        }
      }
    }




    .task_list {
      padding-left: 32rpx;
      padding-right: 32rpx;
      line-height: 68rpx;

      .list_item {
        line-height: 68rpx;
      }

      .van-swipe-cell__right {
        width: 65px;
        font-size: 15px;
        color: #fff;
        text-align: center;
        background-color: #f44;
      }

      .saly {
        color: @color-text-fourthly;
        font-size: 30rpx;
        padding-bottom: 10rpx;
        border-bottom: @color-border-light 1px solid;

        .saly_right {
          margin-left: 56rpx;
          color: @color-text-primary;
          font-size: 30rpx;
        }

      }


    }
  }

}

.bottom_button {
  position: fixed;
  bottom: 0;
  height: 120rpx;
  padding: 28rpx 34rpx;
  background-color: @color-white;
  box-shadow: 0 -2px 3px -1px @color-background-regular;
  // border-top: 2px solid rebeccapurple;
  display: flex;
  justify-content: space-around;

  .save {
    width: 333rpx;
    height: 80rpx;
    border-radius: 10rpx;
    text-align: center;
    line-height: 80rpx;
    margin-right: 16rpx;
    background-color: @color-background-regular;
    color: @color-text-primary;
    font-size: 34rpx;
  }

  .sub {
    width: 333rpx;
    border-radius: 10rpx;
    height: 80rpx;
    margin-right: 16rpx;
    border-radius: 10rpx;
    text-align: center;
    line-height: 80rpx;
    background-color: @color-primary;
    font-size: 34rpx;
    color: @color-white;
  }
}

.upload .van-uploader__wrapper .van-uploader__upload {
  width: 23px;
  height: 24px;
  // display: none;
}